import propertySortOrderSmacss from "stylelint-config-property-sort-order-smacss";
import recommendedVueConfig from "stylelint-config-recommended-vue";
import standardScssConfig from "stylelint-config-standard-scss";

/** @type {import('stylelint').Config} */
export default {
  extends: [standardScssConfig, recommendedVueConfig, propertySortOrderSmacss],
  plugins: ["stylelint-scss", "stylelint-order", "stylelint-prettier"],
  overrides: [
    {
      files: ["*.vue", "**/*.vue"],
      customSyntax: "postcss-html",
    },
  ],
  rules: {
    "selector-class-pattern": null,
    "no-empty-source": null,
    "prettier/prettier": [true],
    "unit-no-unknown": [
      true,
      {
        ignoreUnits: ["rpx"],
      },
    ],
    "scss/load-partial-extension": ["always"],
  },
};
